<extend name="Base/common"/>
<block name="style">
    <style>
        /*头部*/
        #beginning {
            text-align: center;
            margin: 5px 0 5px 0;
        }

        #beginning span {
            font-size: 20px;
            color: #1296db;
        }

        #beginning i {
            color: #9B9B9B;
            margin: 0 10px 0 10px;
        }

        /*票*/
        table {
            width: 100%;
        }

        td {
            width: 50%;
        }

        .imgg { /*始/终图片*/
            height: 20px;
            float: left;
            padding-top: 3px;
            padding-left: 5px;
            padding-right: 5px;
        }

        .ff { /*起始地*/
            font-size: 14px;
        }

        .pgg { /*详细地点*/
            padding-left: 30px;
            font-size: 14px;
        }

        .pfgg { /*发车时间*/
            padding-left: 10px;
            font-size: 10px;
        }

        .button { /*订票按钮*/
            background: #1AAD19;
            padding: 3px 25px 3px 25px;
            border-radius: 5px;
            color: white;
        }

        /*发车状态*/
        .fc {
            font-size: 14px;
            color: #10AEFF;
            margin-left: 120px;
        }
    </style>
    <style>
        body {
            margin-top: 85px;
            margin-bottom: 70px;
        }
        table {
            padding: 10px 0;
        }

        .ff {
            font-size: 16px;
        }
        .pfgg {
            font-size: 14px;
        }
        .fc {
            border:1px solid #10AEFF ;
            border-radius: 20px;
            padding: 2px 8px;
            font-size: 12px;
            margin-left: 30px;
        }
        .faretitle {
            text-align: center;
            padding: 10px 0;
            position: fixed;
            width:100%;
            height:55px;
            top: 0;
            left:0;
        }
        /*处理导航覆盖问题*/
        .nav_remove_cover {
            margin-top: 85px;
            margin-bottom: 70px;
        }
        /*导航大标题*/
        .ts_header {
            font-size: 19px;
        }
        /*导航小标题*/
        .ts_header_small {
            font-size: 15px;
        }
    </style>
</block>


<block name="body">
    <div id="beginning">
        <div>
            <span>
                <if condition="$from">
                  <else/> 暂无车次信息
                </if>
            </span>
        </div>
    </div>

    <!--头部开始-->
    <div class="faretitle ts_nav">
        <div class="ts_header"><span>{$from}</span>-<span>{$to}</span></div>
        <div class="ts_header_small">共<span>{$ticketNum}</span>条车票信息</div>
    </div>
    <!--头部结束-->

    <!--选票开始-->
    <foreach name="tickets" item="v">

        <div style="border: 1px solid #efefef;padding-bottom: 5px; background: white;margin-bottom: 10px;">
            <table>
                <tr>
                    <td>
                        <div><img src="{$Think.config.HOME_IMG}shi.png" alt="" class="imgg"></div>
                        <span class="ff">{$v.addr_from}</span>
                    </td>
                    <td>
                        <div><img src="{$Think.config.HOME_IMG}zhong.png" alt="" class="imgg"></div>
                        <span class="ff">{$v.addr_to}</span>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <span class="pfgg">发车时间:&nbsp;&nbsp;{$v.addr_depart_time}</span>
                    </td>
                </tr>
                <tr>
                    <td colspan="2"><span
                            style="color: red;padding-left: 10px; font-size: 14px;">&yen;{$v.addr_price}</span>
                        <span class="fc">{$v.title}</span>
                        <div style="float: right;padding-right: 10px;">
                            <if condition="$v.addr_depart_condition eq 1">
                                <a href="__MODULE__/Order/bookTicket/ticketId/{$v.addr_id}" class="button">订票</a>
                                <else/>
                                <a href="__MODULE__/PreOrder/prebookTicket/ticketId/{$v.addr_id}" class="button">预定</a>
                            </if>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </foreach>


</block>